import Header from '@/components/Header'
import { useRoutes } from 'react-router-dom'
import createRoute from '@/router/index'

function App() {
  const routesInfo = createRoute(useRoutes)

  return (
    <div style={{ width: '100vw', height: '100vh' }}>
      <Header />

      <div
        style={{
          width: '100vw',
          height: 'calc(100vh - 32px)',
          backgroundColor: '#ececec51',
          overflow: 'auto',
        }}
      >
        {routesInfo}
      </div>
    </div>
  )
}

export default App
